<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" href="static/lib/layui@2.7.6/css/layui.css" media="all">
	<title>Document</title>
</head>
<body>
	<div class="layui-row" style="margin-top: 20px;">
		<div class="layui-col-md1">&nbsp;</div>
		<div class="layui-col-md10">
			<blockquote class="layui-elem-quote layui-text">
			  	提示：以下示例均没有设置上传接口，因此每次上传都会报异常提示，这属于正常现象。实际使用时设置成您的真实上传接口即可。
			</blockquote>   
			          
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
			  	<legend>常规使用：普通图片上传</legend>
			</fieldset>
			 
			<div class="layui-upload">
			  <button type="button" class="layui-btn" id="test1">上传图片</button>
			  <div class="layui-upload-list">
			    <img class="layui-upload-img" id="demo1">
			    <p id="demoText"></p>
			  </div>
			  <div style="width: 95px;">
			    <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
			      <div class="layui-progress-bar" lay-percent=""></div>
			    </div>
			  </div>
			</div> 
			<a href="/">进入首页</a> | <a href="/logout">退出</a>
		</div>
		<div class="layui-col-md1">&nbsp;</div>
</body>
</html>
<script src="static/lib/layui@2.7.6/layui.js" charset="utf-8"></script>